#app
{
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    background: url('../img/bg.png') no-repeat center bottom;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}
.edu-header
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: .962962963rem;
    padding: 0 .2777777778rem;
    padding-top: .1111111111rem;
}
.edu-header-info
{
    font-size: .2222222222rem;
    line-height: 1;

    float: right;

    width: 3.5555555556rem;
    height: .7407407407rem;
    padding-top: .0555555556rem;

    text-align: center;

    color: #fff;
    border: .0277777778rem solid rgba(255, 255, 255, .2);
    -webkit-border-radius: .3703703704rem;
       -moz-border-radius: .3703703704rem;
            border-radius: .3703703704rem;
    background: #74b7d7;
}
.edu-header-info .weather
{
    margin-bottom: .0925925926rem;
}
.edu-nav
{
    position: absolute;
    z-index: 9999;
    bottom: 0;
    left: 0;

    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    width: 100%;
    height: 2.0185185185rem;
    padding: 0 .2777777778rem;

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.edu-nav-link
{
    font-size: .3703703704rem;
    line-height: 1.4444444444rem;

    position: relative;

    width: 1.4259259259rem;
    height: 1.4537037037rem;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-animation-duration: .8s;
       -moz-animation-duration: .8s;
         -o-animation-duration: .8s;
            animation-duration: .8s;
    text-align: center;

    color: #aa630a;
    background: url('../img/nav-btn-link.png') no-repeat center center;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;

    -webkit-text-stroke: .0648148148rem #aa630a;
}
.edu-nav-link i
{
    font-weight: normal;
    font-style: normal;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto;

    color: #fff;

    -webkit-text-stroke: 0;
}
.edu-nav-link:nth-child(1)
{
    top: .2777777778rem;
}
.edu-nav-link:nth-child(2)
{
    top: 0;
}
.edu-nav-link:nth-child(3)
{
    top: .5185185185rem;
}
.edu-nav-link:nth-child(4)
{
    top: .2222222222rem;
}
.edu-nav-link:nth-child(5)
{
    top: .3888888889rem;
}
.edu-nav-link img
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    height: .4444444444rem;
    margin: auto;
}
.edu-nav-link.active
{
    background-image: url('../img/nav-btn-active.png');
}
.edu-main
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    padding: 0 .3703703704rem;
}
.edu-main.header-through
{
    top: .962962963rem;
}
.edu-main.nav-through
{
    bottom: 2.0185185185rem;
}
/* edu-carousel */
.edu-carousel
{
    height: 7.0925925926rem;
    margin-bottom: .3518518519rem;
    padding: .3333333333rem;

    border: 4px solid #4af9ff;
    -webkit-border-radius: .1851851852rem;
       -moz-border-radius: .1851851852rem;
            border-radius: .1851851852rem;
    background: rgb(15,91,139);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(15,91,139,1)),to(rgba(39,189,252,1)));
    background: -webkit-linear-gradient(top,  rgba(15,91,139,1) 0%,rgba(39,189,252,1) 100%);
    background:    -moz-linear-gradient(top,  rgba(15,91,139,1) 0%,rgba(39,189,252,1) 100%);
    background:      -o-linear-gradient(top,  rgba(15,91,139,1) 0%,rgba(39,189,252,1) 100%);
    background:         linear-gradient(to bottom,  rgba(15,91,139,1) 0%,rgba(39,189,252,1) 100%);
    -webkit-box-shadow: 0 4px 2px 0 rgba(51, 91, 194, .9);
       -moz-box-shadow: 0 4px 2px 0 rgba(51, 91, 194, .9);
            box-shadow: 0 4px 2px 0 rgba(51, 91, 194, .9);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f5b8b', endColorstr='#27bdfc',GradientType=0 );
}
.edu-carousel .swiper-container
{
    height: 100%;
}
.edu-carousel .swiper-slide > img
{
    height: 100%;
}
.edu-carousel .swiper-pagination
{
    font-size: 0;

    bottom: 0;

    padding: .2777777778rem 0;

    background: rgba(0,0,0,.4);
}
.edu-carousel .swiper-pagination-bullet
{
    width: .1666666667rem;
    height: .1666666667rem;

    opacity: .3;
    background: #fff;
}
.edu-carousel .swiper-pagination-bullet-active
{
    opacity: 1;
    background: #ffdb31;
}
/* /edu-carousel */
/* edu-vessel */
.edu-vessel
{
    padding: .1296296296rem .1296296296rem .1666666667rem;

    -webkit-border-radius: .0925925926rem .1296296296rem .0925925926rem .1388888889rem;
       -moz-border-radius: .0925925926rem .1296296296rem .0925925926rem .1388888889rem;
            border-radius: .0925925926rem .1296296296rem .0925925926rem .1388888889rem;
    background: #d6a770;
    -webkit-box-shadow: inset 0 2px 1px 1px rgba(255,255,255,.6), inset 0 -3px 1px #8a581d;
       -moz-box-shadow: inset 0 2px 1px 1px rgba(255,255,255,.6), inset 0 -3px 1px #8a581d;
            box-shadow: inset 0 2px 1px 1px rgba(255,255,255,.6), inset 0 -3px 1px #8a581d;
}
.edu-vessel-inner
{
    padding: .1851851852rem .3703703704rem;

    -webkit-border-radius: .0833333333rem;
       -moz-border-radius: .0833333333rem;
            border-radius: .0833333333rem;
    background: #f8e8b0;
    -webkit-box-shadow: inset 0 0 68px rgba(213, 174, 112, 1),inset 0 1px 1px 1px rgba(0,0,0,.6);
       -moz-box-shadow: inset 0 0 68px rgba(213, 174, 112, 1),inset 0 1px 1px 1px rgba(0,0,0,.6);
            box-shadow: inset 0 0 68px rgba(213, 174, 112, 1),inset 0 1px 1px 1px rgba(0,0,0,.6);
}
/* /edu-vessel */
/* edu-switch */
.edu-switch
{
    position: relative;

    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display:    -moz-inline-box;
    display: -ms-inline-flexbox;
    display:         inline-flex;

    margin-bottom: .2777777778rem;
    padding: 3px 3px 0;

    -webkit-border-radius: .2592592593rem .2314814815rem .2314814815rem .1851851852rem;
       -moz-border-radius: .2592592593rem .2314814815rem .2314814815rem .1851851852rem;
            border-radius: .2592592593rem .2314814815rem .2314814815rem .1851851852rem;
    background: #fff;
    -webkit-box-shadow: 0 2px 1px rgba(0,0,0,.15);
       -moz-box-shadow: 0 2px 1px rgba(0,0,0,.15);
            box-shadow: 0 2px 1px rgba(0,0,0,.15);

    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
    -ms-flex-pack: justify;
            justify-content: space-between;
}
.edu-switch-item
{
    margin-left: 1px;

    cursor: pointer;
}
.edu-switch-item:first-child
{
    margin-left: 0;
}
.edu-switch-item
{
    font-family: 'miaowu';
    font-size: .3518518519rem;
    line-height: .6481481481rem;

    position: relative;

    overflow: hidden;

    width: 2.0185185185rem;
    height: .712962963rem;
    padding: 0 .0925925926rem;

    text-align: center;
    white-space: nowrap;
       text-overflow: ellipsis;

    color: #a65c07;
    background-image: url('../img/switch-btn-mid-link.png');
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;

    -o-text-overflow: ellipsis;
    -webkit-text-stroke: .0740740741rem #a65c07;
}
.edu-switch-item i
{
    font-style: normal;

    position: absolute;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    margin: auto;

    color: #fff;

    -webkit-text-stroke: 0;
}
.edu-switch-item:active,
.edu-switch-item.active
{
    background-image: url('../img/switch-btn-mid-active.png');
}
.edu-switch-item[disabled],
.edu-switch-item.disabled
{
    background-image: url('../img/switch-btn-mid-disabled.png');
}
.edu-switch-item:first-child:not(:last-child)
{
    background-image: url('../img/switch-btn-left-link.png');
}
.edu-switch-item:active:first-child:not(:last-child),
.edu-switch-item.active:first-child:not(:last-child)
{
    background-image: url('../img/switch-btn-left-active.png');
}
.edu-switch-item[disabled]:first-child:not(:last-child),
.edu-switch-item.disabled:first-child:not(:last-child)
{
    background-image: url('../img/switch-btn-left-disabled.png');
}
.edu-switch-item:last-child:not(:first-child)
{
    background-image: url('../img/switch-btn-right-link.png');
}
.edu-switch-item:active:last-child:not(:first-child),
.edu-switch-item.active:last-child:not(:first-child)
{
    background-image: url('../img/switch-btn-right-active.png');
}
.edu-switch-item[disabled]:last-child:not(:first-child),
.edu-switch-item.disabled:last-child:not(:first-child)
{
    background-image: url('../img/switch-btn-right-disabled.png');
}
/* /edu-switch */
#news-list
{
    height: 5.5555555556rem;
}
/* edu-media */
.edu-media
{
    position: relative;

    display: block;
}
.edu-media:before,
.edu-media:after
{
    display: table；;

    content: '';;
}
.edu-media:after
{
    clear: both;
}
.edu-media
{
    margin-top: .2777777778rem;
}
.edu-media:first-child
{
    margin-top: 0;
}
.edu-media-left
{
    float: left;
    overflow: hidden;

    width: 1.1851851852rem;
    height: .8703703704rem;

    background: #fff;
}
.edu-media-left img
{
    height: 100%;
}
.edu-media-body
{
    margin-left: 1.3888888889rem;
}
.edu-media h4
{
    font-size: .3703703704rem;
    font-weight: normal;
    line-height: 1.2;

    margin-bottom: .1666666667rem;

    color: #3a230a;
}
.edu-media p
{
    font-size: .212962963rem;
    font-weight: normal;

    overflow: hidden;

    white-space: nowrap;
       text-overflow: ellipsis;

    color: #3a230a;

    -o-text-overflow: ellipsis;
}
/* /edu-media */
/* edu-thumbnail */
.edu-thumbnail-wrap
{
    display: -webkit-box;
    display: -webkit-flex;
    display:    -moz-box;
    display: -ms-flexbox;
    display:         flex;

    margin-right: -.2777777778rem;
    margin-bottom: -.1388888889rem;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
    -ms-flex-align: start;
            align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
            align-content: flex-start;
}
.edu-thumbnail
{
    width: 1.7592592593rem;
    margin-right: .3600777778rem;
    margin-bottom: .1388888889rem;
}
.edu-thumbnail-preview
{
    position: relative;

    height: 1.3333333333rem;
    margin-bottom: .0925925926rem;
    padding: 4px;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background: #fff6d8;
}
.edu-thumbnail-preview-inner
{
    overflow: hidden;

    height: 100%;

    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    background: rgb(230,197,143);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(230,197,143,1)),to(rgba(218,174,110,1)));
    background: -webkit-linear-gradient(top,  rgba(230,197,143,1) 0%,rgba(218,174,110,1) 100%);
    background:    -moz-linear-gradient(top,  rgba(230,197,143,1) 0%,rgba(218,174,110,1) 100%);
    background:      -o-linear-gradient(top,  rgba(230,197,143,1) 0%,rgba(218,174,110,1) 100%);
    background:         linear-gradient(to bottom,  rgba(230,197,143,1) 0%,rgba(218,174,110,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c58f', endColorstr='#daae6e',GradientType=0 );
}
.edu-thumbnail-intro
{
    font-size: .1481481481rem;
    line-height: 1;

    position: absolute;
    bottom: .0925925926rem;
    left: 0;

    overflow: hidden;

    width: 100%;
    padding: 0 .0925925926rem;

    text-align: right;
    white-space: nowrap;
       text-overflow: ellipsis;

    color: #fff;
    text-shadow: 0 2px 0 rgba(0,0,0,.5);

    -o-text-overflow: ellipsis;
}
.edu-thumbnail-preview-inner img
{
    height: 100%;
}
.edu-thumbnail h4
{
    font-size: .2037037037rem;

    overflow: hidden;

    padding: 0 5px;

    text-align: center;
    white-space: nowrap;
       text-overflow: ellipsis;

    color: #3a230a;

    -o-text-overflow: ellipsis;
}
/* /edu-thumbnail */
/* edu-title */
.edu-title
{
    font-family: 'miaowu';
    font-size: .4444444444rem;

    position: relative;

    display: block;

    margin: .2777777778rem 0;

    color: #4e9231;

    -webkit-text-stroke: .0925925926rem #4e9231;
}
.edu-title i
{
    font-size: .4444444444rem;
    font-weight: normal;
    font-style: normal;

    position: absolute;
    z-index: 99999;
    left: 0;

    color: #fff;

    -webkit-text-stroke: 0;
}
/* /edu-title */
#page-router
{
    height: 100%;
}

.swiper-button-prev.edu-prev,
.swiper-button-next.edu-next
{
    width: .7037037037rem;
    height: .7037037037rem;
    margin-top: -.3518518519rem;

    -webkit-animation-duration: .8s;
       -moz-animation-duration: .8s;
         -o-animation-duration: .8s;
            animation-duration: .8s;

    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}
.swiper-button-prev.edu-prev:not(.swiper-button-disabled),
.swiper-button-next.edu-next:not(.swiper-button-disabled)
{
    -webkit-animation-name: rubberBand;
       -moz-animation-name: rubberBand;
         -o-animation-name: rubberBand;
            animation-name: rubberBand;
    -webkit-animation-duration: 1s;
       -moz-animation-duration: 1s;
         -o-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}
.swiper-button-prev.edu-prev
{
    left: .0925925926rem;

    background-image: url('../img/edu-prev-link.png');
}
.swiper-button-prev.swiper-button-disabled.edu-prev
{
    opacity: 1;
    background-image: url('../img/edu-prev-disabled.png');
}
.swiper-button-next.edu-next
{
    right: .0925925926rem;

    background-image: url('../img/edu-next-link.png');
}
.swiper-button-next.swiper-button-disabled.edu-next
{
    opacity: 1;
    background-image: url('../img/edu-next-disabled.png');
}
.edu-news-detail,
.edu-video-detail
{
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;

    visibility: hidden;

    width: 100%;
    padding: 0 .3703703704rem;

    -webkit-transition: all .4s;
       -moz-transition: all .4s;
         -o-transition: all .4s;
            transition: all .4s;
    -webkit-transform: translate(0, -100%);
       -moz-transform: translate(0, -100%);
        -ms-transform: translate(0, -100%);
         -o-transform: translate(0, -100%);
            transform: translate(0, -100%);

    opacity: 0;
}

.edu-news-detail.active,
.edu-video-detail.active
{
    display: block;
    visibility: visible;

    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);

    opacity: 1;
}

.edu-news-detail .edu-carousel
{
    height: 8.3333333333rem;
    margin-bottom: .2777777778rem;
}

.edu-news-detail .edu-carousel > .swiper-container
{
    height: 100%;

    background: #afe4fb;
}

.edu-news-detail .edu-carousel > .swiper-container .swiper-slide
{
    height: auto;
}
/* edu-article */
.edu-article
{
    padding: .2777777778rem;
}

.edu-article h1
{
    font-size: .4166666667rem;
    font-weight: normal;
    line-height: 1.15;

    margin-bottom: .0925925926rem;

    text-align: center;

    color: #3a230a;
}

.edu-article-intro
{
    font-size: .2222222222rem;

    margin: .1388888889rem 0 .1851851852rem;

    text-align: center;

    color: #6b7275;
}

.edu-article-content
{
    padding: .2777777778rem 0;

    color: #3a230a;
}

.edu-article-content p
{
    font-size: .2777777778rem;
    line-height: .4166666667rem;

    margin-bottom: 1em;

    text-indent: 2em;
}

.edu-article-content p:last-child
{
    margin-bottom: 0;
}
/* /edu-article */
/* edu-filter */
.edu-filter
{
    margin-bottom: .2777777778rem;
    padding: .1388888889rem .1851851852rem;

    -webkit-border-radius: .1388888889rem .1666666667rem .1111111111rem .1851851852rem;
       -moz-border-radius: .1388888889rem .1666666667rem .1111111111rem .1851851852rem;
            border-radius: .1388888889rem .1666666667rem .1111111111rem .1851851852rem;
    background: rgb(254,204,67);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(254,204,67,1)),to(rgba(236,172,53,1)));
    background: -webkit-linear-gradient(top,  rgba(254,204,67,1) 0%,rgba(236,172,53,1) 100%);
    background:    -moz-linear-gradient(top,  rgba(254,204,67,1) 0%,rgba(236,172,53,1) 100%);
    background:      -o-linear-gradient(top,  rgba(254,204,67,1) 0%,rgba(236,172,53,1) 100%);
    background:         linear-gradient(to bottom,  rgba(254,204,67,1) 0%,rgba(236,172,53,1) 100%);
    -webkit-box-shadow: inset 0 -2px 3px #b46100;
       -moz-box-shadow: inset 0 -2px 3px #b46100;
            box-shadow: inset 0 -2px 3px #b46100;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc43', endColorstr='#ecac35',GradientType=0 );
}
/* /edu-filter */
/* edu-select */
.edu-select
{
    position: relative;

    display: inline-block;

    width: 1.3888888889rem;
    height: .5rem;
    margin-left: .0925925926rem;
    padding: .1111111111rem .0925925926rem .1111111111rem .1111111111rem;

    -webkit-border-radius: .0925925926rem;
       -moz-border-radius: .0925925926rem;
            border-radius: .0925925926rem;
    background: rgb(140,87,30);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(140,87,30,1)),to(rgba(165,115,51,1)));
    background: -webkit-linear-gradient(top,  rgba(140,87,30,1) 0%,rgba(165,115,51,1) 100%);
    background:    -moz-linear-gradient(top,  rgba(140,87,30,1) 0%,rgba(165,115,51,1) 100%);
    background:      -o-linear-gradient(top,  rgba(140,87,30,1) 0%,rgba(165,115,51,1) 100%);
    background:         linear-gradient(to bottom,  rgba(140,87,30,1) 0%,rgba(165,115,51,1) 100%);
    -webkit-box-shadow: 0 1px 0 1px rgba(255, 255, 255, .6),inset 0 2px 2px 0 rgba(158, 104, 31, .5);
       -moz-box-shadow: 0 1px 0 1px rgba(255, 255, 255, .6),inset 0 2px 2px 0 rgba(158, 104, 31, .5);
            box-shadow: 0 1px 0 1px rgba(255, 255, 255, .6),inset 0 2px 2px 0 rgba(158, 104, 31, .5);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c571e', endColorstr='#a57333',GradientType=0 );
}
.edu-select:first-child
{
    margin-left: 0;
}
.edu-select-text
{
    font-size: .2777777778rem;
    line-height: 1;

    overflow: hidden;

    padding-right: .1851851852rem;

    white-space: nowrap;
       text-overflow: ellipsis;

    color: #fff;

    -o-text-overflow: ellipsis;
}

.edu-select-caret
{
    position: absolute;
    top: .1759259259rem;
    right: .0925925926rem;

    width: .1851851852rem;
    height: .1851851852rem;

    -webkit-transition: all .3s;
       -moz-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    background: url('../img/edu-select-caret.png') no-repeat center center;
    -moz-background-size: contain;
      -o-background-size: contain;
         background-size: contain;
}
.edu-select.active .edu-select-caret
{
    -webkit-transform: rotate(180deg);
       -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}
.edu-select-bound
{
    position: absolute;
    z-index: 999999;
    top: .6666666667rem;
    left: 0;

    visibility: hidden;

    width: 1.4814814815rem;

    -webkit-transition: all .3s;
       -moz-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
    -webkit-transform: translate(0, -20px);
       -moz-transform: translate(0, -20px);
        -ms-transform: translate(0, -20px);
         -o-transform: translate(0, -20px);
            transform: translate(0, -20px);

    opacity: 0;
    border: .037037037rem solid rgba(255,255,255,.3);
    -webkit-border-radius: .0925925926rem;
       -moz-border-radius: .0925925926rem;
            border-radius: .0925925926rem;
}
.edu-select.active .edu-select-bound
{
    visibility: visible;

    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);

    opacity: 1;
}
.edu-select-bound:after
{
    position: absolute;
    top: -.0925925926rem;
    left: .1851851852rem;

    width: 0;
    height: 0;

    content: '';

    border-right: .0925925926rem solid transparent;
    border-bottom: .0925925926rem solid #e5c28a;
    border-left: .0925925926rem solid transparent;
}
.edu-select-bound-wrap
{
    padding: .0925925926rem;

    -webkit-border-radius: .0648148148rem;
       -moz-border-radius: .0648148148rem;
            border-radius: .0648148148rem;
    background: #e5c28a;
}
.edu-select-bound-item
{
    font-size: .2407407407rem;

    overflow: hidden;

    padding: .0925925926rem 0;

    cursor: pointer;
    white-space: nowrap;
       text-overflow: ellipsis;

    color: #85501b;
    border-top: 2px dotted rgba(255,255,255,.35);
    text-shadow: 0 2px 0 rgba(255,255,255,.5);

    -o-text-overflow: ellipsis;
}
.edu-select-bound-item:first-child
{
    border-top: none;
}
/* /edu-select */
/* edu-searchbar */
.edu-searchbar
{
    margin-bottom: .2777777778rem;
    padding: .0462962963rem;

    -webkit-border-radius: .0925925926rem;
       -moz-border-radius: .0925925926rem;
            border-radius: .0925925926rem;
    background: #fff6d8;
    -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 1px 0 1px rgba(0, 0, 0, .15);
            box-shadow: 0 1px 0 1px rgba(0, 0, 0, .15);
}
.edu-searchbar-inner
{
    position: relative;

    height: .8148148148rem;

    -webkit-border-radius: .0462962963rem;
       -moz-border-radius: .0462962963rem;
            border-radius: .0462962963rem;
    background: rgb(230,197,143);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(230,197,143,1)),to(rgba(218,174,109,1)));
    background: -webkit-linear-gradient(top,  rgba(230,197,143,1) 0%,rgba(218,174,109,1) 100%);
    background:    -moz-linear-gradient(top,  rgba(230,197,143,1) 0%,rgba(218,174,109,1) 100%);
    background:      -o-linear-gradient(top,  rgba(230,197,143,1) 0%,rgba(218,174,109,1) 100%);
    background:         linear-gradient(to bottom,  rgba(230,197,143,1) 0%,rgba(218,174,109,1) 100%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .5),inset 0 -1px .75px .25px rgba(173, 122, 50, .04);
       -moz-box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .5),inset 0 -1px .75px .25px rgba(173, 122, 50, .04);
            box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .5),inset 0 -1px .75px .25px rgba(173, 122, 50, .04);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6c58f', endColorstr='#daae6d',GradientType=0 );
}
.edu-searchbar-ico
{
    position: absolute;
    top: .1296296296rem;
    right: .1851851852rem;

    width: .5555555556rem;
    height: .5555555556rem;

    background: url('../img/searchbar-ico.png') no-repeat center center;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}
/* /edu-searchbar */
.swiper-pagination.edu-pagination
{
    top: auto;
    right: .6481481481rem;
    bottom: .6018518519rem;
    left: .6481481481rem;

    width: auto;
    height: .1296296296rem;

    -webkit-border-radius: .0648148148rem;
       -moz-border-radius: .0648148148rem;
            border-radius: .0648148148rem;
    background: #deb577;
    -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, .2),inset 0 0 2px 0 rgba(0, 0, 0, .15);
       -moz-box-shadow: 0 0 0 3px rgba(255, 255, 255, .2),inset 0 0 2px 0 rgba(0, 0, 0, .15);
            box-shadow: 0 0 0 3px rgba(255, 255, 255, .2),inset 0 0 2px 0 rgba(0, 0, 0, .15);
}
.edu-pagination-progressbar
{
    position: absolute;
    top: 0;
    left: 0;

    height: .1296296296rem;

    -webkit-transition: all .3s;
       -moz-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;

    -webkit-border-radius: .0648148148rem;
       -moz-border-radius: .0648148148rem;
            border-radius: .0648148148rem;
    background: #e98f14;
    background: rgb(236,156,32);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(236,156,32,1)),color-stop(89%, rgba(229,130,16,1)),to(rgba(187,123,41,1)));
    background: -webkit-linear-gradient(top,  rgba(236,156,32,1) 0%,rgba(229,130,16,1) 89%,rgba(187,123,41,1) 100%);
    background:    -moz-linear-gradient(top,  rgba(236,156,32,1) 0%,rgba(229,130,16,1) 89%,rgba(187,123,41,1) 100%);
    background:      -o-linear-gradient(top,  rgba(236,156,32,1) 0%,rgba(229,130,16,1) 89%,rgba(187,123,41,1) 100%);
    background:         linear-gradient(to bottom,  rgba(236,156,32,1) 0%,rgba(229,130,16,1) 89%,rgba(187,123,41,1) 100%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .5),inset 0 -1px .75px .25px rgba(173, 122, 50, .004);
       -moz-box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .5),inset 0 -1px .75px .25px rgba(173, 122, 50, .004);
            box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .5),inset 0 -1px .75px .25px rgba(173, 122, 50, .004);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec9c20', endColorstr='#bb7b29',GradientType=0 );
}
.edu-pagination-progressbar:after
{
    position: absolute;
    top: -.0555555556rem;
    right: -.0740740741rem;

    width: .2407407407rem;
    height: .2407407407rem;

    content: '';

    border: 1px solid #a66e20;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    background: rgb(255,226,76);
    background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(255,226,76,1)),to(rgba(246,196,21,1)));
    background: -webkit-linear-gradient(top,  rgba(255,226,76,1) 0%,rgba(246,196,21,1) 100%);
    background:    -moz-linear-gradient(top,  rgba(255,226,76,1) 0%,rgba(246,196,21,1) 100%);
    background:      -o-linear-gradient(top,  rgba(255,226,76,1) 0%,rgba(246,196,21,1) 100%);
    background:         linear-gradient(to bottom,  rgba(255,226,76,1) 0%,rgba(246,196,21,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe24c', endColorstr='#f6c415',GradientType=0 );
}
.edu-pagination-indicator
{
    font-size: .1666666667rem;

    position: absolute;
    top: .3240740741rem;
    right: -.55rem;

    padding: .0925925926rem .1388888889rem;

    color: #000;
    -webkit-border-radius: .0462962963rem;
       -moz-border-radius: .0462962963rem;
            border-radius: .0462962963rem;
    background: rgb(255,223,64);
    background: -webkit-gradient(linear,  left top, left bottom,  color-stop(2%, rgba(255,223,64,1)),to(rgba(255,211,38,1)));
    background: -webkit-linear-gradient(top,  rgba(255,223,64,1) 2%,rgba(255,211,38,1) 100%);
    background:    -moz-linear-gradient(top,  rgba(255,223,64,1) 2%,rgba(255,211,38,1) 100%);
    background:      -o-linear-gradient(top,  rgba(255,223,64,1) 2%,rgba(255,211,38,1) 100%);
    background:         linear-gradient(to bottom,  rgba(255,223,64,1) 2%,rgba(255,211,38,1) 100%);
    -webkit-box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .8), inset 0 -1px .75px .25px rgba(173, 122, 50, .4);
       -moz-box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .8), inset 0 -1px .75px .25px rgba(173, 122, 50, .4);
            box-shadow: 0 2px 4px 0 rgba(193, 172, 114, .8), inset 0 -1px .75px .25px rgba(173, 122, 50, .4);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf40', endColorstr='#ffd326',GradientType=0 );
}
.edu-pagination-indicator:after
{
    position: absolute;
    top: -.0925925926rem;
    left: 50%;

    width: 0;
    height: 0;
    margin-left: -.0462962963rem;

    content: '';

    border-right: .0925925926rem solid transparent;
    border-bottom: .0925925926rem solid #ffe043;
    border-left: .0925925926rem solid transparent;
}
.has-progress-swiper
{
    height: 4.4444444444rem;
    padding-bottom: 1.0185185185rem;
}

.my-video-dimensions
{
    width: 100%;
    height: 100%;
}
